<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        行内标签：
        - span		分区标签	单词：span

        - strong/b	加粗 	单词：strong/bold
        - em/i		倾斜	单词：emphasis/italic
        - del/s		删除线	单词：delete/strikethrough
        - ins/u		下划线(ins一般与del联合使用)	单词：in strikethrough/underline

        - sup		上标	单词：superscript 
        - sub		下标	单词：subscript
        - code  代码 单词：code
        - pre 预定义格式 单词：prepare【这个是块标签】

        
        - a 		超链接标签	单词：anchor 
        - img 		图片标签	单词：image
     -->
    <div>收入保障</div>
    <div>收入保障</div>
    <div>收入保障</div>
    <!-- span -->
    <span>收入保障</span>
    <span>收入保障</span>
    <span>收入保障</span>
    <span>收入保障</span>

    <!-- 文本样式标签 -->
    <!-- 加粗 strong加强语气-->
    <div>
        <strong>加粗*</strong>
        <b>加粗</b>
    </div>
    <!-- 倾斜 em加强语气 -->
    <div>
        <em>倾斜</em>
        <i>倾斜*</i>
    </div>
    <!-- 删除线 del 语义化删除-->
    <del>删除***</del>
    <s>内容</s>
    <!-- 下划线 -->
    <div>
        <ins>下划线</ins>
        <u>下划线*</u>
    </div>
    <!-- 上标，下标 -->
    <div>
        2 <sup>2</sup>
    </div>
    <div>
        你好<sub>(1)</sub>
        你好<sub>(2)</sub>
        你好<sub>(3)</sub>
    </div>
    <!-- 代码块 pre>code -->
    <pre>
        <code>
        <!-- 实体字符 html里展示特殊字符 -->
        
         &lt;h1&gt;我的第一个标题&lt;/h1&gt;
    </code>
    </pre>
    <pre>
        鹅鹅鹅
        曲项向天歌
        白毛浮绿水
        红掌bo清波
    </pre>
    <div>
        鹅鹅鹅
        曲项向天歌
        白毛浮绿水
        红掌bo清波
    </div>
</body>

</html>